<template>
  <div class="home">
    <top />
    <middle />
    <bottom />
  </div>
</template>

<script lang="ts">
export default {
  name: 'Home',
}
</script>
<script lang="ts" setup>
import { useUserInfoStore } from '@/stores/userInfo';
import top from '@/views/home/components/top/index.vue'
// import middle from '@/views/home/components/middle/index.vue'
import middle from '@/views/home/components/middle/index.vue'
import bottom from '@/views/home/components/bottom/index.vue'

const userInfoStore = useUserInfoStore()

</script>

<style scoped>
.home {
  padding: 20px;
  background-color: rgb(235, 235, 235);
}
</style>
